<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>css_font_text</title>
	
	<style>
		
		.common_set{width: 500px;height: 50px; border: solid}
		
		.font_text{
			/*font-size: 24px;*/
			/*font-family: "华文彩云","黑体","仿宋";*/
			/*font-weight: bold;*/
			/*font-style: italic;*/
			font-variant: small-caps;
			font: italic small-caps bold 24px "黑体";
			text-align: justify;
			text-decoration: underline;
			text-indent: 40px;  /*首行缩进*/
			line-height: 50px; /*单行文本垂直居中*/
			text-shadow: 1px 1px 0.1px #0aa1ed;
		}
		
	</style>
</head>
<body>
<div class="font_text common_set">Lorem ipsum dolor sit amet.</div>

</body>
</html>